﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Graficas.aspx.cs" Inherits="KioskosJugandoLimpio.Admin.Graficas" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script src="../Scripts/jquery-1.4.1.js"></script>
<script src="../Scripts/flot/jquery.flot.js"></script>
<script type="text/javascript" src="http://www.kunalbabre.com/projects/table2CSV.js" > </script> 
<script>
    var valoresArr;
    var valoresX;
    var cantXPreg;
    var cantXPregX;
    var grupos;
    var preguntas;

    existeGrupo = function (grupo) {
        for (var i = 0; i < grupos.length; i++) {
            if (grupos[i] == grupo) {
                return true;
            }
        }
        return false;
    }
    existePregunta = function (grupo) {
        for (var i = 0; i < preguntas.length; i++) {
            if (preguntas[i] == grupo) {
                return true;
            }
        }
        return false;
    }
    fnSetupFlot = function () {
        cantXPreg = new Array();
        cantXPregX = new Array();
        grupos = new Array();
        preguntas = new Array();
        for (var i = 0; i < CantidadPorPregunta[0].length; i++) {
            if (!existeGrupo(CantidadPorPregunta[0][i].Grupo)) {
               grupos.push(CantidadPorPregunta[0][i].Grupo);

                $("#cmbGrupos").append(new Option(CantidadPorPregunta[0][i].Grupo, CantidadPorPregunta[0][i].Grupo));
            }
            if (!existePregunta(CantidadPorPregunta[0][i].Pregunta)) {
                preguntas.push(CantidadPorPregunta[0][i].Pregunta);
                // grupos.push(CantidadPorPregunta[0][i].Grupo);
                $("#cmbPreguntas").append(new Option(CantidadPorPregunta[0][i].Pregunta, CantidadPorPregunta[0][i].Pregunta));
            }


        }
    }
    fnPlotcantXPreg = function () {
        cantXPreg = new Array();
        cantXPregX = new Array();
        cantXPregX.push([0, '']);
        //var cantXPregFiltrado = new Array();
        for (var i = 0; i < CantidadPorPregunta[0].length; i++) {
            if (CantidadPorPregunta[0][i].Grupo == $('#cmbGrupos').val() && CantidadPorPregunta[0][i].Pregunta == $('#cmbPreguntas').val()) {
                cantXPreg.push([i, CantidadPorPregunta[0][i].Total]);
                var pregunta = CantidadPorPregunta[0][i].Valor;
                if (pregunta.length > 50) {
                    pregunta = pregunta.substring(0, 46) + "...";
                }
                cantXPregX.push([i, pregunta]);
            }
        }
        $.plot($('#divcantXpreg'), [{ data: cantXPreg, bars: { show: true}}], {
            xaxis: {
                ticks: cantXPregX
            }
        });

    }
    fnPlotValores = function () {
        valoresArr = new Array();
        valoresX = new Array();
        valoresX.push([0,'']);
        for (var i = 0; i < Valores[0].length; i++) {
            if (Valores[0][i].Grupo == $('#cmbGrupos').val()) {
                valoresArr.push([i, Valores[0][i].ValorPromedio]);
                var pregunta = Valores[0][i].Pregunta;
                if (pregunta.length > 50) {
                    pregunta = pregunta.substring(0, 46) + "...";
                }
                valoresX.push([i, pregunta]);
            }
        }
        $.plot($('#divValores'), [{ data: valoresArr, bars: { show: true}}], {
            xaxis: {
                ticks: valoresX
            }
        });
    }
    fnAllPlot = function () {
        fnSetupFlot();
        
        fnPlotValores();
        fnPlotcantXPreg();
    }
    

</script>
<asp:LinkButton runat="server" ID="excelLink" Text="Exportar datos a excel" ></asp:LinkButton>
Seleccione un filtro:
<select id="cmbGrupos" onchange="fnPlotValores();" ></select>
<div id="divValores" style="width:100%;height:400px">&nbsp;<br/></div>
Seleccione un filtro:
<select id="cmbPreguntas" onchange="fnPlotcantXPreg();" ></select>
<div id="divcantXpreg" style="width:100%;height:400px">&nbsp;<br/></div>
</asp:Content>
